<div class="bg-white border-grey p-4 my-4 bg-shadow pos-relative">
  <a data-cbp-close class="btn btn-link btn-icon btn-sm pos-absolute pos-r pos-t pos-zindex-11 mt-1 mr-1"><i class="ion-ios-close-empty icon-2x"></i></a>
  <h2 class="mb-3 mt-0 text-letter-spacing-xs font-weight-bold">
    Project Title 
    <a href="https://wrapbootstrap.com/theme/appstrap-responsive-website-template-WB0C6D0H4?ref=tme" title="View Online" class="btn btn-primary btn-icon btn-sm btn-rounded ml-2"><i class="fa fa-chevron-right"></i></a>
  </h2>
  <div class="row">
    <div class="col-lg-6">
      <div class="owl-carousel owl-nav-over owl-nav-over-lg" id="portfolio-project" data-toggle="owl-carousel" data-owl-carousel-settings='{"responsive":{"0":{"items":1,"nav":true, "dots":false}}}'>
        <a href="#">
          <img src="assets/img/projects/project-1-sm.jpg" alt="Project 1" class="img-fluid" />
        </a>
        <a href="#">
          <img src="assets/img/projects/project-2-sm.jpg" alt="Project 2" class="img-fluid" />
        </a>
        <a href="#">
          <img src="assets/img/projects/project-3-sm.jpg" alt="Project 3" class="img-fluid" />
        </a>
        <a href="#">
          <img src="assets/img/projects/project-4-sm.jpg" alt="Project 4" class="img-fluid" />
        </a>
        <a href="#">
          <img src="assets/img/projects/project-5-sm.jpg" alt="Project 5" class="img-fluid" />
        </a>
        <a href="#">
          <img src="assets/img/projects/project-6-sm.jpg" alt="Project 6" class="img-fluid" />
        </a>
      </div>
    </div>
    <div class="col-lg-6 mt-3 mt-lg-0">
      <h4>
        Abluo diam jus obruo similis tum.
      </h4>
      <p>Camur et nostrud nulla patria suscipit tincidunt virtus. Commodo euismod nulla qui quidne. Esse facilisis mauris mos premo singularis sino vindico. Bene causa laoreet sit.</p>
      <dl class="row text-sm">
        <dt class="col-sm-3"><i class="la la-thumb-tack"></i> Client:</dt>
        <dd class="col-sm-9"><a href="https://wrapbootstrap.com/theme/appstrap-responsive-website-template-WB0C6D0H4?ref=tme">Themelize.me</a></dd>
        <dt class="col-sm-3"><i class="la la-calendar"></i> Date:</dt>
        <dd class="col-sm-9">May 2018</dd>
        <dt class="col-sm-3"><i class="la la-tags"></i> Category:</dt>
        <dd class="col-sm-9">Web</dd>
      </dl>
    </div>
  </div>
</div>